<template>
    <div>
        AComponent:{{ msg }}
        <button @click="msgHandler">修改</button>
        <input v-focus type="text" v-model="message">
        <p>{{ message }}</p>
        <p>{{ '流浪地球' | author }}</p>
    </div>
</template>
<script>
export default {
    name:"AComponent",
    data(){
        return {
            msg:"我是初始化内容",
            message:""
        }
    },
    methods:{
        msgHandler(){
            this.msg = "修改之后的内容"
        }
    }
}
</script>
<style scoped>

</style>
